@charset "utf-8";
/* CSS Document */

/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}

body{ max-width: 4096px; margin: 0 auto; background-color: #f9fcff}
.bgF7{ background-color: #f7f7f7;}

.boxMo{ min-width:1200px;}
.layout{ width:1200px; margin-left: auto; margin-right: auto; position:relative;}

.top{ margin-top: 20px;}
.top a{ float: left; font: 18px/20px "Microsoft Yahei"; color: #fff; cursor: pointer;}
.top_l{ float: left;}
.top_l a{ margin-right: 22px}
.top_r{ float: right;}
.top_r a{ margin-right: 10px; padding-right: 10px; border-right: 1px solid #fff;}
.top a:hover{ color: #fff;}
a.slh{ padding-left: 26px; background: url(../images/icon_slh.png) no-repeat left center;}
a.mail{ padding-left: 30px; background: url(../images/icon_mail.png) no-repeat left center; padding-right: 0; margin-right: 0; border-right: 0}

.main_banner{ height: 530px; background: url(../images/banner.jpg) no-repeat center top; overflow: hidden;}

.logo{ position: absolute; top: 90px; left: 50%; width: 856px; height: 240px; margin-left: -428px; z-index: 3}

.search{ position: absolute; top: 370px; left: 50%; width: 280px; height: 40px; margin-left: -140px; background-color: #fff; border-radius: 20px; overflow: hidden; z-index: 3}
.keyword{ position: absolute; top: 0; left: 0; width: 230px; height: 40px; font: 16px/40px "Microsoft Yahei"; color: #999; text-indent: 1em; border: none; background-color: transparent; box-sizing: border-box; outline: none;}

.m_banner{ display: none; position: relative; width: 100%; height: auto; z-index: 2;}

/*input.keyword:-moz-placeholder{ color: #fff; }
input.keyword:-ms-input-placeholder{color:#fff;}
input.keyword::-webkit-input-placeholder{color:#fff;}*/
a.btn_search{ position: absolute; top: 50%; right: 20px; width: 20px; height: 20px; margin-top: -10px; background: url(../images/icon_search.png) no-repeat center center;  cursor: pointer;}
/*a.btn_search:hover{ color: #fff;}*/

.main_nav{ height: 60px; background-color: #67abe5; text-align: center; border-bottom: 1px solid #67abe5; font-size: 0;}
.main_nav_tem{ position: relative; display: inline-block; height: 60px; margin: 0 30px; font: bold 24px/60px "Microsoft Yahei"; color: #fff; }
.main_nav_tem a{ color: #fff;}
.main_nav_tem a:hover{ color: #fff; }

.main_nav_meeting{ display: none; position: absolute; top: 60px; left: 50%; width: 610px; padding: 14px; margin-left: -290px; background-color: #2779bc; border-top: 1px solid #2779bc; box-sizing: border-box; z-index: 10;}
.main_nav_tem:hover>.main_nav_meeting{ display: block;}
.nm_tem{ float: left; width: 25%;}
.nm_tem>a{ display: block; margin-bottom: 10px; font: 20px/24px "Microsoft Yahei"; color: #fff;}
.nm_list li{ font: 18px/32px "Microsoft Yahei"; text-align: center;}
.nm_list li a{ color: #fff;}


.bot{ padding: 40px 0; margin-top: 40px; background-color: #f4f4f4;}
.bot_list_wrap{ position: relative; padding: 0 16px 24px; margin-bottom: 30px; background-color: #e8e8e8;}
.bot_list_tem{ padding: 24px; border-bottom: 1px solid #c5c5c5}
.bot_list_tem h3{ float: left; width: 80px; margin-right: 30px; font: bold 20px/30px "Microsoft Yahei"; color: #333;}
.bot_list{ float: left; width: calc(100% - 110px)}
.bot_list li{ float: left; margin-right: 16px; font: 14px/30px "Microsoft Yahei"}

.bot_link{ position: relative; margin-bottom: 30px; z-index: 10;}
.bot_link_tem{ position: relative; float: left; width: 380px; height: 60px; margin: 0 30px 0 0; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;}
.bot_link_tem:nth-child(3n){ margin-right: 0}
.bot_link_tem:after{ position: absolute; top: 50%; right: 20px; width: 20px; height: 11px; margin-top: -5px; background: url(../images/arr_bot.png) no-repeat center top; content: "";}
.bot_link_des{ font-size: 20px; line-height: 58px; color: #333; text-indent: 0.5em; cursor: pointer;}
.bot_link_list{ display: none; position: absolute; bottom: 60px; left: 0; width: 100%; max-height: 180px;  background-color: #fff; overflow-y: scroll;}
.bot_link_tem.active .bot_link_list{ display: block;}
.bot_link_list.scroll{}
.bot_link_list ul li{ height: 30px; padding: 0 10px; font-size: 16px; line-height: 30px;  white-space: nowrap;}
.bot_link_list ul li:hover{ background-color: #eee;}
.bot_link_list ul li a{ display: block; width: 100%; height: 100%;}

.f_qrcode_tem{ float: left; width: 380px; height: 214px; padding: 20px; margin-right: 30px; background-color: #e8e8e8; box-sizing: border-box;}
.f_qrcode_tem:nth-child(3n){ margin-right: 0}
.f_qrcode_tem img{ float: left; width: 170px; height: 170px;}
.f_qrcode_tem p{ float: right; display: flex; align-items: center; justify-content: center; width: 140px; height: 100%; margin-right: 4px; font: 16px/26px "Microsoft Yahei"; color: #333; text-align: center;}

.footer{ float: none; padding: 40px 0; background-color: #3d8ac9; box-sizing: border-box;}
#_ideConac{ position: absolute; top: 18px; left: 256px;}
.footer_des{ padding-left: 400px;}
.footer_des p{ font: 16px/30px "Microsoft Yahei"; color: #fff;}
.footer_des p a{ color: #fff;}

/* @media (max-width: 1200px) {
	.layout{ width:1000px; margin-left: auto; margin-right: auto; position:relative;}

	
	.main_nav{ height: 60px; background-color: #3d8ac9; text-align: center; border-bottom: 1px solid #2779bc;}
	.main_nav_tem{ display: inline-block; height: 60px; margin: 0 16px; font: bold 24px/60px "Microsoft Yahei"; color: #fff; }
	.main_nav_tem:hover{ color: #fff; }
	
	.bot_link{ position: relative; margin-bottom: 30px; z-index: 10;}
	.bot_link_tem{ position: relative; float: left; width: 320px; height: 60px; margin: 0 20px 0 0;}

	.f_qrcode_tem{ float: left; width: 320px; height: 180px; padding: 20px; margin-right: 20px; }	
	.f_qrcode_tem img{ float: left; width: 140px; height: 140px;}
	.f_qrcode_tem p{  margin-right: 0;}

	#_ideConac{ position: absolute; left: 156px;}
	.footer_des{ padding-left: 300px;}
} */

/* @media (max-width: 999px) {
	.fl, .fr{ float:none}
	.layout{ width: 96%; margin-left:2%; margin-right: 2%;}
	.main_banner{ height: auto; background: none;}
	.top{ display: none;}
	.logo{ top: auto; left: 10%; width: 80%; height: auto; margin: 7% auto 0;}
	.search{  top: auto;left: 20%; width: 60%; margin-top: 35%; margin-left: 0; height: 30px;}
	.keyword{ height: 30px; line-height: 30px; font-size: 14px;}

	.main_nav{ height: auto;}
	.main_nav_tem{ float: left; width: 25%; margin: 0; font-size: 18px; text-align: center;}
	.main_nav_meeting{ display: none !important;}

	.bot{ margin-top: 20px; padding: 20px 0 0;}
	.bot_list_wrap, .f_qrcode_tem{ display: none;}
	.bot_link{ margin-bottom: 0;}
	.bot_link_tem{ float: none; width: 100%; height: 40px; margin-bottom: 20px;}
	.bot_link_des{ height: 40px; font-size: 16px; line-height: 40px;}
	.bot_link_list{ bottom: 40px;}

	.footer{ padding: 20px; text-align: center;}
	#_ideConac{ position: static; display: inline-block; margin: 0 auto}
	.footer_des{ padding-left: 0; text-align: center;}
	.footer_des p{ font-size: 14px; line-height: 24px;}
}

@media (max-width: 600px) {
	.search{ margin-top: 33%; }
} */